<%-- 
    Document   : index
    Created on : Nov 15, 2014, 9:35:42 PM
    Author     : Hai
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html ng-app="ui.bootstrap.demo">
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
        <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js"></script>
        <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
        <link href="index/index.css" rel="stylesheet" type="text/css"/>
    </head>
    <body style="background-color: rgba(159, 159, 159, 1);">
        <%@include file="header.jsp" %>
        <br/><br/>
        <div class="container ">

            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h2 class="panel-title">ĐI ĐÂU</h2>

                </div>
                <div class="panel-body">
                    <div class="form-big span6">
                        <div class="mediaholder">
                            <h4><a href="#">Ten bai viet 1</a></h4>
                        </div>
                        <div class="detailholder">
                            <h4>Noi dung bai viet 1(3 dong)</h4> 
                            <h6>Thoi gian dang</h6>
                        </div>
                    </div>
                    <div class="form-right ">
                        <div class="mediaholder">
                            <h4><a href="#">Ten bai viet 2</a></h4> 
                        </div>
                        <div class="detailholder">
                            <h6>Thoi gian dang</h6>
                        </div>
                        <div class="mediaholder">
                            <h4><a href="#">Ten bai viet 3</a></h4> 
                        </div>
                        <div class="detailholder">
                            <h6>Thoi gian dang</h6>
                        </div>
                        <div class="mediaholder">
                            <h4><a href="#">Ten bai viet 4</a></h4> 
                        </div>
                        <div class="detailholder">
                            <h6>Thoi gian dang</h6>
                        </div>
                    </div>
                </div>

            </div>
            <div class="panel panel-primary">
                <%-- header --%>
                <div class="panel-heading">
                    <h2 class="panel-title">LỊCH TRÌNH</h2>
                </div>
                <%-- ket thuc header --%>
                <%-- body --%>
                <div class="panel-body">
                    <%-- noi dung body have 2 part: part left is introduce include: title + noi dung. part right have only title--%>
                    <div class="form-big span6">
                        <div class="mediaholder"><h4><a href="#">title left</a></h4> </div>
                        <div class="detailholder">
                            <h4>content</h4> 
                            <h6>time</h6>
                        </div>
                    </div>
                    <div class="form-right ">
                        <div class="mediaholder"><h4><a href="#">title right</a></h4> </div>
                        <div class="detailholder">
                            <h6>time</h6>
                        </div>
                        <%-- ket thuc body --%>
                    </div>
                </div>
            </div>
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h2 class="panel-title">NHẬT KÝ</h2>
                </div>
            </div>

        </div>

    </body>
</html>
